//  全局样式
/* chrom滚动条 */
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
  -webkit-appearance: none;
}

::-webkit-scrollbar-thumb {
  height: 5px;
  border: 1px solid transparent;
  border-top: 0;
  border-bottom: 0;
  background-color: #ccc;
  background-clip: padding-box;
}

/* 火狐选择背景 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

// 页面
.app-page {
  height: 100%;
}
// 搜索表单
.app-search-form-container {
  background-color: #fff;
  padding: 15px;
  .app-tools {
    padding: 5px 0;
  }
  .app-search-form {
    padding: 5px 0;
  }
}
// 表格
.app-table-container {
  // margin-top: 15px;
  padding-bottom: 15px;
}

.app-detail-container {
  .ant-form-item {
    margin-bottom: 10px;
  }
  .app-detail-h2-title {
    height: 50px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #343434;
    margin-bottom: 10px;
    &::before {
      content: '';
      width: 4px;
      height: 18px;
      background: #167afa;
      margin-right: 10px;
    }
  }
}

// 详情表格
.app-detail-table {
  width: 100%;
  border: 1px solid #eeeeee;
  tr {
    th {
      background-color: #f6f8fa;
      border: 1px solid #eeeeee;
      height: 50px;
      text-align: center;
    }
    td {
      background-color: #fff;
      border: 1px solid #eeeeee;
      min-height: 50px;
      padding: 10px;
    }
  }
}

// 主内容
.app-main-container {
  padding: 20px;
  background-color: #fff;
  margin-top: 20px;
}

// 上传头像大小
.app-upload-80-80 {
  & > .ant-upload {
    width: 80px;
    height: 80px;
  }
  .ant-upload-select-picture-card i {
    font-size: 32px;
    color: #999;
  }

  .ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    color: #666;
  }
}
//禁止换行
.no-wrap {
  white-space: nowrap;
}
